<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // 对象的遍历  就是把里边的键值对挨个拿出来或者
        // 都执行相同的操作

        // for .. in 

        // for(var 变量 in 对象名){
        // 第一次兑换 把第一个键值对的键放到 变量中 
        // 依次类推
        // 每次循环都会把键放到这个变量中  
        // 可以通过键拿到对应的值  对象.键 对象['键']
        // }

        var obj = {
            name:'张三',
            age:18,
            height:'181cm',
            sing:function(){
                return '正在唱歌'
            }
        }

        // for(var key in obj){
        //     console.log(key,obj[key])
        // }

        // var data1 = obj.name;
        // var data2 = obj.age;
        // var data3 = obj.height;
        // var data4 = obj.sing;
        // console.log(data4());


        // with语句
        // with(对象名){
        //   var data1 = name;
        //   var  data2 = age;
        //... 
        // }

        // with(obj){
        //     var data1 = name;
        //     var data2 = age;
        //     var data3 = height;
        //     var data4 = sing;
        // }

        // console.log(data1,data2,data3);
        // console.log(data4());
    </script>
</body>
</html>